<!--
 *  创建时间: 2020-12-16-9:22
 *  作   者: lpc
 *  Email : lpc@hll520.cn
-->
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，响应式布局 -->
    <title>控制台</title>
    <!-- JQuery -->
    <script src="http://wtushop.hll520.cn:8080/static/js/jquery.min.js"></script>
    <!-- Bootstrap核心CSS 、JS-->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- 适用于Surface /台式机Windows 8错误的IE10视口黑客 -->
    <script src="https://v3.bootcss.com/assets/js/ie10-viewport-bug-workaround.js"></script>
    <link href="https://v3.bootcss.com/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
    <!-- 样式 -->
    <link href="http://wtushop.hll520.cn:8080/static/css/manage.css" rel="stylesheet">
    <!--图标 -->
    <link rel="icon" type="image/png" href="https://www.wtu.edu.cn/images/favicon.ico">
    <script src="Util.js"></script>
    <script>
        $(function () {
            /* 当点击菜单 */
            $("#menu li").click(function () {
                /* 移除全部样式 */
                $("#menu li").removeClass("active");
                /* 给当前添加样式 */
                $(this).addClass("active");
            });

            // 判断是否登录
            isLogin();
            let user = getLocal("user");
            // 姓名
            $("#userName").html(user.name);
            // 头像
            $("#avatar").html(user.name.substr(0, 1));
        });
    </script>
</head>
<body>
<!-- 导航 -->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">导航条</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">WTUCloud-SI</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-link">
                <li><a href="home/signIn.html" target="_view">签到数据</a></li>
                <li><a href="home/log.html" target="_view">日志数据</a></li>
                <li><a href="home/welcome.html">个人空间</a></li>
                <li><a href="/swagger-ui/index.html" target="_view">API接口</a></li>
                <li><a href="/druid" target="_view">SQL监控</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <button type="button" class="btn btn-primary navbar-btn" onclick="signIn()">
                        <span class="glyphicon glyphicon-heart"></span> 签到
                    </button>
                </li>
                <li><a href="home/welcome.html" target="_view"><span class="glyphicon glyphicon-user"></span><span
                        id="userName">name</span></a></li>
            </ul>
        </div>
    </div>
</nav>

<!-- 左边菜单 -->
<div class="container-fluid">
    <div class="row">
        <div id="menu" class="col-sm-3 col-md-2 sidebar">
            <div style="height: 10%;text-align:center;margin-bottom: 30px">
                <h1 id="avatar" style="font-size: 50px">N</h1>

            </div>
            <ul class="nav nav-sidebar">
                <li class="active"><a href="home/welcome.html" target="_view">欢迎 </a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a href="home/signIn.html" target="_view">班级数据</a></li>
                <li><a href="home/signPerson.html" target="_view">个人数据</a></li>
                <li><a href="home/signInDate.html" target="_view">每日数据</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a href="home/log.html" target="_view">全部日志</a></li>
                <li><a href="home/logPerson.html" target="_view">个人日志</a></li>
            </ul>
            <ul class="nav nav-sidebar">
                <li><a href="/swagger-ui/index.html" target="_view">API接口</a></li>
                <li><a href="/druid" target="_view">SQL监控</a></li>
            </ul>

            <a style=": 50px;">
                <button style="width: 100%" class="btn btn-danger" onclick="logout()">退出登录</button>
            </a>
        </div>
        <!-- 业务窗口 -->
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <!-- iframe -->
            <iframe id="_view" name="_view" width="100%" height="90%" frameborder="0"
                    src="home/welcome.html"></iframe>
        </div>
    </div>
</div>
</body>
</html>